body{
    direction: rtl;
    font-family: 'cairo';
}
.contact-head{
    direction: ltr;
}
.slider-area-2{
    direction: ltr;
}
h1.banner-head-2{
    direction: rtl;
    text-align: right;
    font-family: 'cairo';
}

.main-menu li .submenu{
    text-align: right;
}
.line-head {
float: right;
    text-align: right;
    font-size: 15px;
    font-family: 'cairo', sans-serif;
    
}
.slider-content a{
    float: right;
    letter-spacing: normal;

}
.form-group {
    position: relative;
    display: flex;
    flex-direction: column; /* Stack items vertically */
  }
  
  .error-message {
    color: red; /* Makes the error message red */
    font-size: 14px; /* Optional: Set smaller font for error messages */
    margin-top: 5px; /* Space between input and error message */
    display: block; /* Ensures the error is below input */
    text-align: start; /* Align error message to the start (right in RTL) */
  }
  
.slider-content a i {
    float: left;
    margin-right: 10px;
}
.owl-carousel .item{
    text-align: left;
    direction: rtl;
}
.slide-social {
    width: 52px;
    position: relative;
    text-align: left;
    float: left;
}
.features-area{
    direction: rtl;
}
.features-area .icon-text{
    text-align: right;
    margin-right: 15px;
}
.features-area .icon-text h5{
    font-family:'cairo'
}
.fancy-head h1{
    text-align: right;
    font-family: 'cairo';
}
.fancy-head h5{
text-align: left;

}

.about-text .mainDesc{
    text-align: right;
    line-height: 1.7;

}
.about-author a {
    letter-spacing: normal;
}

.blog-box-text h5{
    font-family: 'cairo';
}
.blog-box-text{
    float: right;
}
.blog-type-2 .fancy-head h1{
    text-align: center;
}
.experience-cta h1{
font-family: 'cairo';
text-align: right; 
}
.experience-cta p.newp,.client-list p.newp{
 
 padding: 0;
 text-align: right;
}
.experience-cta a,.client-list a{
    float: right;
    letter-spacing: normal;
}
.each-logo img{
    width: fit-content;
    height: 80px;
}
.cta h3{
    text-align: right;
    font-family: 'cairo';
}
.cta .col-xl-8 a{
    direction: ltr;
    margin-left: 20px;
  
}

.footer-area .footer-logo{
    text-align: right;
}
.contact-options ul li {
    text-align: right;
}
.contact-options ul li i{
position: relative;
right: 0;
top: 0;
margin-left: 10px;
}
.social-icons{
    float: right;
}
.footer-links h5{
    text-align: right;
    font-family: 'cairo';
}
.links-list{
    text-align: right;
}
.copyright{
    text-align: right;
}

/* About us */

.inner-banner .row h1{
    font-family: 'cairo';
}
.faq-box .card-header h5{
    text-align: right;
    font-family: 'cairo';
}
.faq-box .card .card-header::after{
    right: calc(100% - 25px) !important;
}
.faq-box .card-body{
    text-align: right;
}
.pricong-area .price-head h4{
    font-family: 'cairo';
}
.top-clients{
    direction: ltr;
}

/* Move top clients section to the right */
.client-count h3{
    font-family: 'cairo';
}

/* Animate logos sliding from left to right */
.logos-slide-wrapper {
    overflow: hidden; /* Hide overflowing content */
    position: relative;
}

.logos-slide {
    display: flex;
    animation: slideRight 10s linear infinite;
}

.logos-slide .item {
    margin: 0 15px;
}

.testimonial-all h2{
    font-family: 'cairo';
    letter-spacing: normal;
    font-weight: 900;
}
.testimonial-group h4{
    text-align: center;
    font-family: 'cairo';
    font-style: normal;
}
.testimonial-group p{
    text-align: center;
}
.blog-grid-text h5{
    font-weight: bold;
    text-align: right;
    font-family: 'cairo';
}
.blog-grid-text p{
    text-align: right;
}
.form-group {
    position: relative;
    display: flex;
    align-items: center;
    direction: rtl; /* Set text direction to right-to-left */
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding-right: 40px; /* Space for the icon */
    text-align: right; /* Align text to the right */
}

.form-group i {
    position: absolute;
    left: 15px; /* Position the icon on the left */
    color: #999;
}

.form-group textarea {
    padding-right: 40px;
    text-align: right;
}
.form-area h2{
    text-align: center;
    font-family: 'cairo';
}
.form-area p{
    text-align: center;
}

.icon-box-content h5{
    text-align: right;
    font-family: 'cairo';
    margin-right: 10px;
}
.icon-box-content p{
    margin-right: 10px;
    text-align: right;
    
}
/* Keyframes for sliding logos */
@keyframes slideRight {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}



/*end*/



@media (max-width:767px) {
    .mobile-menu-2.mean-container .mean-bar{
        position: relative;
        left: 0;
    }
}


/* Media Query for Small Screens (up to 575px) */
@media (max-width: 575px) {
    .contact-head.logo-2 {
        position: relative;
        left: 42px; /* Adjust as per design */
    }

    #dropdownMenuButton {
        right: calc(100% + 80px) ; /* Ensure proper alignment */
    }

    .mobile-menu-2.mean-container .meanmenu-reveal {
        right: calc(100% - 50px) !important; /* Adjust to fit smaller screens */
    }
    .mean-container .mean-nav ul li a {
        float: right;
        
        text-align: right;
        
    }
}

/* Media Query for Medium Screens (up to 768px) */
@media (max-width: 768px) {
    .mobile-menu-2.mean-container .meanmenu-reveal {
        right: calc(100% - 60px) !important;
        /* Adjust to fit smaller screens */
    }
    .features-area .icon-text h5{
        text-align: center;
    }
    
    .features-area .icon-text p{
        text-align: center;
    }
    .mean-container .mean-nav ul li a {
        float: right;
        
        text-align: right;
        
    }
   
    /* .mean-container .mean-nav ul li a.mean-expand {
        margin-top: 1px;
        width: 26px;
        height: 32px;
        padding: 12px !important;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        font-weight: 700;
        background: rgba(255,255,255,0.1);
        border: none !important;
        border-left: 1px solid rgba(255,255,255,0.4) !important;
        border-bottom: 1px solid rgba(255,255,255,0.2) !important; */
    
}

/* Media Query for Larger Screens (up to 991px) */
@media (max-width: 991px) {
    .mobile-menu-2.mean-container .meanmenu-reveal {
        right: calc(100% - 70px) !important; /* Adjust to fit smaller screens */
    }
    #dropdownMenuButton {
        right: calc(100% + 50px) !important; /* Ensure proper alignment */
    }
    .features-area .icon-text h5{
        text-align: center;
    }
    
    .features-area .icon-text p{
        text-align: center;
    }
    .mean-container .mean-nav ul li a {
        float: right;
        
        text-align: right;
        
    }
    
   
}